<!DOCTYPE HTML>
<html lang="zh-CN">
    <head>
        <title>{stl.sitename} | {channel.Title}</title>
      <stl:include file="/include/head.html"></stl:include>
    </head>
    <body>
    <div class="container">
      <stl:include file="/include/header.html"></stl:include>

      <div class="content">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                        <div class="section">
                            <h4>课程列表</h4>
                            <ul id="water-fall">
                        
                            <stl:contents scope="All" totalNum="10">
                              
                              <li class="item" style="opacity: 1;">
                                <div class="row">
                                    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                                        <div class="item-img" style="background-image: url('{content.ImageUrl}')">
                                        <!--<stl:a style="background-image: url{'{content.ImageUrl}'}">
                                        <img src="{content.ImageUrl}" style="width: 100%;"/>
                                        </stl:a>-->
                                        </div>
                                    </div>
                                    <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8" style="padding-left: 0px;">
                                        <div class="item-main">
                                            <div class="item-header">
                                                <stl:a class="f-main f-16"><stl:content type="Title" wordNum="26" ></stl:content></stl:a>
                                            </div>
                                            <div class="item-subheader">
                                            </div>

                                            <div class="item-tags">
                                                <stl:a class="tag tag-info tag-sm" channelIndex="{channel.ChannelIndex}">{channel.ChannelName}</stl:a>
                                            </div>
                                            <div class="item-content hidden-xs"><stl:content type="summary" wordNum="60"></stl:content></div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            </stl:contents>
                        </ul>

                        <ul id="cache" style="display: none">

                            <stl:contents scope="All" startNum="11">
                              
                              <li class="item" style="opacity: 1;">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                        <img src="{content.ImageUrl}" style="width: 100%;"/>
                                    </div>
                                    <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                                        <div class="item-main">
                                            <div class="item-header">
                                                <stl:a class="f-main f-16">{content.title}</stl:a>
                                            </div>
                                            <div class="item-subheader">
                                            </div>

                                            <div class="item-tags">
                                                <stl:a class="tag tag-info">
                                                    <stl:channel channelIndex="{content.channelid}" type="Title"></stl:channel>
                                                </stl:a>
                                            </div>
                                            <div class="item-content"><stl:content type="summary" wordNum="60"></stl:content></div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            </stl:contents>
                        </ul>
                    </div>
                </div>

                <!--<div class="hidden-xs hidden-sm col-md-4 col-lg-4">-->
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">       
                    <stl:include file="/include/card_coursecategories.html"></stl:include>

                    <stl:include file="/include/card_studycharts.html"></stl:include>
                </div>

            </div>
    </div>
  </div>
    <stl:include file="/include/footer.html"></stl:include>
    <stl:include file="/include/bottom-bar.html"></stl:include>
    <stl:include file="/include/bottom.html"></stl:include>
  <script src="{stl.siteurl}/js/water-fall.js"></script>
  <script>
        $("#nav-index").removeClass('active');
    $("#nav-course").addClass('active');
  </script>
  </body>
</html>

